.iconbox {
    padding: 25px 15px;
    @include transition(.5s);
    .icon {
        margin-bottom: 20px;
        span {
            display: inline-block;
            font-size: 25px;
            color: $white;
            background-color: $primary;
            padding: 5px 12px;
            border-radius: 50%;
            border: 5px solid lighten($primary, 20%);
        }
    }
    .title {
        margin-bottom: 20px;
        h4 {
            font-size: 20px;
            color: $dark;
            text-transform: uppercase;
        }
    }
    .description {
        p {
            color: $grey;
            font-size: 15px;
            font-weight: 400;
        }
    }
    &:hover {
        @include translate(0px, -5px);
        .icon {
            span {
                i {
                    @include rotate(360deg);
                    @include transition(.5s);
                }
            }
        }
    }
}